{layout name="macplus/layout" /}
<!-- 幻灯片 -->
<div class="macplus-banner">
    <div class="slider_inner silder-swiper-container swiper-container-fade swiper-container-horizontal">
        <ul class="swiper-wrapper" style="transition-duration: 300ms;">

            {notempty name="data[0]['data']"}
            {volist name="data[0]['data']" id="vod" key="k" length="8"}
            <li class="swiper-slide col-md-15 col-xs-1 swiper-slide-prev"
                style="padding: 0px; width: 1546px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 300ms;">
                <a href="/detail-{$data[0]['type']['id']}{$vod.vod_url}" target="_self">
                    <span class="slider_nav_name hidden-lg">{$vod.vod_title}</span>
                    <div class="macplus-vodlist__thumb slide swiper-lazy swiper-lazy-loaded"
                        style="background-image: url({$vod.vod_pic});">
                    </div>
                </a>
            </li>
            {/volist}
            {/notempty}

        </ul>
        <div class="swiper-pagination hidden-lg swiper-pagination-bullets">
            {notempty name="data[0]['data']"}
            {volist name="data[0]['data']" id="vod" key="k" length="8"}
            <span class="swiper-pagination-bullet"></span>
            {/volist}
            {/notempty}

        </div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
    <div class="slider_nav hidden-sm hidden-xs hidden-md">
        {notempty name="data[0]['data']"}
        {volist name="data[0]['data']" id="vod" key="k" length="8"}
        <a class="nav_link {eq name='$k' value='1' } current {/eq}"
            href="/detail-{$data[0]['type']['id']}{$vod.vod_url}">
            <div class="tit">{$vod.vod_title}</div>
            <div class="txt"></div>
        </a>
        {/volist}
        {/notempty}
    </div>
    <div class="slider_mask visible-lg"></div>
</div>

<div class="container">
    <div class="row">
        <!--  主页筛选  -->
        <div class="macplus-index__screen hidden-sm hidden-xs hidden-md clearfix">
            <ul class="col-pd clearfix">
                {notempty name="data"}
                {volist name="data" id="vod" length='3'}
                {notempty name="vod.nav"}
                <li class="m-bottom-line">
                    {notempty name="vod.nav[0]['data']"}
                    {volist name="vod.nav[0]['data']" id="item" length="6" key="kk"}
                    <a href="/list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html" {eq name="$kk" value="1" }
                        class="text-weight" {/eq}>
                        {$item.name}
                    </a>
                    {/volist}
                    {/notempty}
                </li>
                {/notempty}
                {/volist}
                {/notempty}

                <li class="m-bottom-line">
                    <a href="javascript:" target="_blank" class="item">
                        <i class="icon_client"></i>
                        <span>特色专题</span>
                    </a>
                    <a href="javascript:" target="_blank" class="item">
                        <i class="icon_rank"></i>
                        <span>热门排行</span>
                    </a>
                    <a href="javascript:" target="_blank" class="item">
                        <i class="icon_tvstore"></i>
                        <span>会员中心</span>
                    </a>
                    <a href="javascript:" class="item1" target="_blank">
                        <span class="item_pic">
                            <img class="pic1" src="/static/macplus/img/vip_tx.png" alt="VIP会员">
                            <img class="pic2" src="/static/macplus/img/vip_bg.png" alt="VIP会员">
                        </span>
                    </a>
                </li>
            </ul>
        </div>

        <!--  今日热点  -->
        <div class="macplus-pannel macplus-pannel-bg macplus-top-20 clearfix">
            <div class="macplus-pannel-box clearfix">
                <div class="macplus-pannel_hd">
                    <div class="macplus-pannel__head active clearfix">
                        <h3 class="title">今日热点</h3>
                        <ul class="nav nav-text pull-right">
                            <li><a href="" class="text-muted">热播剧排行榜</a></li>
                            <li><span class="split-line"></span><a href="" class="text-red">24小时更新榜</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="macplus-pannel_bd clearfix">
                    <ul class="macplus-vodlist clearfix">
                        {notempty name="data[1]['data']"}
                        {volist name="data[1]['data']" id="vod" key="k" length="9"}
                        {eq name="$k" value="1"}
                        <li class="col-lg-3 col-md-5 col-sm-4 col-xs-2">
                            <div class="macplus-vodlist__bag">
                                <a class="macplus-vodlist__thumb adtive lazyload top"
                                    href="/detail-{$data[1]['type']['id']}{$vod.vod_url}" title="{$vod.vod_title}"
                                    data-original="{$vod.vod_pic}" style="background-image: url({$vod.vod_pic});"></a>
                                <div class="macplus-vodlist__detail active">
                                    <h4 class="title text-overflow">
                                        <a href="" title="{$vod.vod_title}">{$vod.vod_title}</a>
                                    </h4>
                                </div>
                            </div>
                        </li>
                        {else /}
                        <li class="col-lg-6 col-md-5 col-sm-4 col-xs-2">
                            <div class="macplus-vodlist__bag">
                                <a class="macplus-vodlist__thumb adtive lazyload"
                                    href="/detail-{$data[1]['type']['id']}{$vod.vod_url}" title="{$vod.vod_title}"
                                    data-original="{$vod.vod_pic}" style="background-image: url({$vod.vod_pic});">
                                </a>
                                <div class="macplus-vodlist__detail active">
                                    <h4 class="title text-overflow">
                                        <a href="" title="{$vod.vod_title}">{$vod.vod_title}</a>
                                    </h4>
                                </div>
                            </div>
                        </li>
                        {/eq}
                        {/volist}
                        {/notempty}
                    </ul>
                </div>
            </div>
        </div>

        <!--  热播推荐  -->
        <div class="macplus-pannel macplus-pannel-bg clearfix">
            <div class="macplus-pannel-box clearfix">
                <div class="macplus-pannel_hd">
                    <div class="macplus-pannel__head active clearfix">
                        <h3 class="title">热播推荐</h3>
                    </div>
                </div>
                <div class="macplus-pannel_bd clearfix">
                    <ul class="macplus-vodlist clearfix">
                        {notempty name="data[2]['data']"}
                        {volist name="data[2]['data']" id="vod" key="k" length="7"}

                        <li class="swiper-slide col-lg-7 col-md-6 col-sm-4 col-xs-3">
                            <div class="macplus-vodlist__bag">
                                <a class="macplus-vodlist__thumb lazyload"
                                    href="/detail-{$data[2]['type']['id']}{$vod.vod_url}" title="{$vod.vod_title}"
                                    data-original="{$vod.vod_pic}" style="background-image: url({$vod.vod_pic}">
                                    <span class="pic-text text-right">{:putVodLabel($vod)}</span>
                                </a>
                                <div class="macplus-vodlist__detail active">
                                    <h4 class="title text-overflow">
                                        <a href="/detail-{$data[2]['type']['id']}{$vod.vod_url}"
                                            title="{$vod.vod_title}">{$vod.vod_title}
                                        </a>
                                    </h4>
                                    <p class="text text-overflow text-muted hidden-xs">
                                        {$vod.vod_actor}
                                    </p>
                                </div>
                            </div>
                        </li>
                        {/volist}
                        {/notempty}
                    </ul>
                </div>
            </div>
        </div>
        <!-- 电影 -->

        {notempty name="data"}
        {volist name="data" id="vod"}
        {notempty name="vod"}
        <div class="macplus-pannel macplus-pannel-bg clearfix">
            <div class="macplus-pannel-box">
                <div class="macplus-pannel_hd">
                    <div class="macplus-pannel__head active clearfix">
                        <a class="more text-muted pull-right" href="list/{$vod.type.id}-all-all-all-rankhot-1.html">更多<i
                                class="icon iconfont icon-more"></i></a>
                        <h3 class="title">
                            {:config($vod.type.id.'.title')}
                        </h3>
                        <ul class="nav nav-text pull-right hidden-sm hidden-xs">
                            {notempty name="vod.nav[0]['data']"}
                            {volist name="vod.nav[0]['data']" id="item" length="9"}
                            <li>
                                <a href="list/{$vod.type.id}-all-all-all-rankhot-1.html"
                                    class="text-muted">{$item.name}</a>
                                <span class="split-line"></span>
                            </li>
                            {/volist}
                            {/notempty}
                        </ul>
                    </div>
                </div>
                <div class="macplus-pannel_bd clearfix">
                    <div class="col-lg-wide-8 col-xs-1 padding-0">
                        <ul class="macplus-vodlist clearfix">
                            {notempty name="vod.data"}
                            {volist name="vod.data" id="vods" length="12"}
                            <li class="col-md-6 col-sm-4 col-xs-3">
                                <div class="macplus-vodlist__bag">
                                    <a class="macplus-vodlist__thumb lazyload"
                                        href="/detail-{$vod['type']['id']}{$vods.vod_url}" title="{$vods.vod_title}"
                                        data-original="{$vods.vod_pic}">
                                        <span class="pic-text text-right">{:putVodLabel($vods)}</span>
                                    </a>
                                    <div class="macplus-vodlist__detail active">
                                        <h4 class="title text-overflow">
                                            <a href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                                                title="{$vods.vod_title}">{$vods.vod_title}</a>
                                        </h4>
                                        <p class="text text-overflow text-muted hidden-xs">
                                            {$vods.vod_actor}
                                        </p>
                                    </div>
                                </div>
                            </li>
                            {/volist}
                            {/notempty}
                        </ul>
                        <div class="macplus-pannel_ft top-line visible-xs clearfix">
                            <a class="text-muted" href="/list/{$vod.type.id}-all-all-all-rankhot-1.html">查看更多电影
                                <i class="icon iconfont icon-more"></i>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-wide-2 hidden-md hidden-sm hidden-xs">
                        <ul class="macplus-vodlist__media active col-pd clearfix">
                            {notempty name="vod.data"}
                            {volist name="vod.data" id="vods" key="kk" length="1"}
                            <li class="padding-0">
                                <a class="macplus-vodlist__thumb active lazyload img-shadow"
                                    href="/detail-{$vod['type']['id']}{$vods.vod_url}" title="{$vods.vod_title}"
                                    data-original="{$vods.vod_pic}">
                                    <span class="play-mask hidden-xs"><em class="play-icon-s"></em></span>
                                    <span class="pic-text text-center">{$vods.vod_title}</span>
                                    <span class="pic-tag pic-tag-h">Top1</span>
                                </a>
                            </li>
                            {/volist}
                            {/notempty}
                        </ul>

                        <ul class="macplus-vodlist__rank col-pd clearfix">
                            {notempty name="vod.data"}
                            {volist name="vod.data" id="vods" key="kk" length="12"}
                            <li class="text-overflow"><a href="/detail-{$vod['type']['id']}{$vods.vod_url}"
                                    title="{$vods.vod_title}">
                                    {switch name='$kk' }
                                    {case value='1' break='1'}
                                    <span class="badge badge-first">
                                        {/case}
                                        {case value='2' break='2'}
                                        <span class="badge badge-second">
                                            {/case}
                                            {case value='3' break='3'}
                                            <span class="badge badge-third">
                                                {/case}
                                                {default /}
                                                <span class="badge">
                                                    {/switch}{$kk}
                                                </span>
                                                {$vods.vod_title}
                                                <span class="pull-right text-green">{:putVodLabel($vods)}</span>
                                </a>
                            </li>
                            {/volist}
                            {/notempty}
                        </ul>

                    </div>
                </div>
            </div>
        </div>
        {/notempty}
        {/volist}
        {/notempty}


        <!-- 专题 -->
        <div class="macplus-pannel macplus-pannel-bg clearfix">
            <div class="macplus-pannel-box">
                <div class="macplus-pannel_hd">
                    <div class="macplus-pannel__head active clearfix">
                        <!-- <a class="more text-muted pull-right" href="">更多
                            <i class="icon iconfont icon-more"></i>
                        </a> -->
                        <h3 class="title">影视专题</h3>
                    </div>
                </div>

                <div class="macplus-pannel_bd clearfix">
                    <ul class="macplus-vodlist clearfix">

                        {notempty name="data"}
                        {volist name="data" id="vod" length='4'}
                        {notempty name="vod"}
                        <li class="col-md-4 col-sm-2 col-xs-1 hidden-xs">
                            <div class="macplus-vodlist__box">
                                <a class="macplus-vodlist__thumb img-shadow active lazyload zhuantipic"
                                    href="list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html"
                                    title="{:config($vod.type.id.'.title')}"
                                    data-original="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3054264500,271493860&fm=26&gp=0.jpg">
                                    <span class="play-mask hidden-xs"><em class="play-icon-s"></em></span>
                                </a>
                                <div class="macplus-vodlist__detail">
                                    <h4 class="title text-center text-overflow">
                                        <a href="list/{$vod.type.id}-all-all-{$item.id}-rankhot-1.html"
                                            title="{:config($vod.type.id.'.title')}">{:config($vod.type.id.'.title')}</a>
                                    </h4>
                                    <p class="text text-center text-overflow text-muted">—— {:date('Y-m-d')} ——</p>
                                </div>
                            </div>
                        </li>
                        {/notempty}
                        {/volist}
                        {/notempty}

                    </ul>
                </div>
            </div>
        </div>
        <!-- 友情链接 -->
        <div class="macplus-pannel macplus-pannel-bg hidden-sm hidden-xs clearfix">
            <div class="macplus-pannel-box">
                <div class="macplus-pannel_hd">
                    <div class="macplus-pannel__head active clearfix">
                        <h3 class="title">友情链接</h3>
                    </div>
                </div>
                <div class="macplus-pannel_bd clearfix">
                    <div class="col-xs-1">
                        <ul class="macplus-link__text clearfix">
                            <li><a class="text-muted" href="http://www.lykep.com" target="_blank">零艺客</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>